<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="../js/bootstrap-3.4.1-dist/css/bootstrap.css"> -->
    <link rel="stylesheet" href="../css/charactermannage_DX.css">
    <style></style>
</head>

<body>

    <div class="nav_bar">
        <div class="blue">角色管理</div>
    </div>

    <div id="bianjitanchu">
        <div class="nav">
            添加详情
        </div>
        <ul>
            <li><input type="text" id="xuhao"></li>
            <li><input type="text" id="mingchen"></li>
            <li><input type="text" id="miaoshu"></li>
            <li><input type="text" id="shijian"></li>
            <li><button id="confirm">确认</button></li>
            <li><button id="cancel"> 取消</button></li>
        </ul>
    </div>
    <form action="" onsubmit="return false">
        <div class="content">
            <div class="name">
                角色名称：<input type="text" placeholder="请输入用户名称" id="search" value="">
                <button id="btn1"><span class="glyphicon glyphicon-search tubiao"
                        aria-hidden="true"></span>查询</button><button id="btn2"><span
                        class="glyphicon glyphicon-refresh tubiao" aria-hidden="true"></span><a href="">重置</a></button>
                <button id="btn3">新增</button>
            </div>

            <ul id="xinzengtanchu">
                <div class="header">
                    添加详情
                </div>
                <li><input type="text" id="number" value="" placeholder="序号"></li>
                <li><input type="text" id="name" value="" placeholder="角色名称"></li>
                <li><input type="text" name="" id="describe" value="" placeholder="描述"></li>
                <li><input type="text" id="time" value="" placeholder="创建时间"></li>
                <button id="addbtn">添加</button>
                <!-- <button id="cancel">取消</button> -->
            </ul>





            <div class="biaodan">

                <table id="table1">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>角色名称</th>
                            <th>描述</th>
                            <th>创建时间</th>
                            <th>操作</th>

                        </tr>
                    </thead>

                    <tbody id="tball"></tbody>
                    <!-- <tr>
                    <td>1</td>
                    <td>职员</td>
                    <td>运营者</td>
                    <td>123123</td>
                   
                    <td class="chang">
                        <button class="bianji">编辑</button>
                        <button class="shanchu">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>经理</td>
                    <td>运营者</td>
                    <td>199023</td>
                   
                    <td class="chang">
                        <button class="bianji">编辑</button>
                        <button class="shanchu">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>总经理</td>
                    <td>管理者</td>
                    <td>19902314458</td>
                    
                    <td class="chang">
                        <button class="bianji">编辑</button>
                        <button class="shanchu">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>总经理</td>
                    <td>管理者</td>
                    <td>19902314458</td>
                    
                    <td class="chang">
                        <button class="bianji">编辑</button>
                        <button class="shanchu">删除</button>
                    </td>
                </tr> -->

                </table>
                <div class="content_bottom">

                    <div class="btn-group" role="group" aria-label="...">

                        <button type="button" class="btn btn-default" id="lastpage">上一页</button>

                        <button type="button" class="btn btn-default" id="nextpage">下一页</button>
                    </div>
                    <!-- <div>
                        <select name="" id="">
                            <option value="">10条/页</option>
                            <option value="">20条/页</option>
                            <option value="">30条/页</option>
                        </select>
                    </div> -->
                    第
                    <input type="text" id="inputPage">
                    页

                </div>


            </div>
        </div>
    </form>



</body>
<div>

</div>
<script src="../js/jquery.js"></script>
<!-- <script src="../js/bootstrap-3.4.1-dist/js/bootstrap.js"></script> -->
<script src="../js/layer-v3.5.1/layer/layer.js"></script>
<script src="../js/charactermanage_DX.js">


</script>

</html>